<!doctype html>
<html>
	<head>
        <script type="text/javascript" src="../../test.js"></script>
		<style>
			div {
				display: inline-block;
				width: 100px;
				height: 100px;
				border: 15px solid blue;
				padding: 10px;
				margin: 5px;
				background-image: url(../../assets/image.jpg);
			}
		</style>
	</head>
	<body>
		<div style="background-repeat: no-repeat; background-origin: content-box"></div>
		<div style="background-repeat: no-repeat; background-origin: padding-box"></div>
		<div style="background-repeat: no-repeat; background-origin: border-box"></div>
		<div style="background-repeat: no-repeat; background-origin: content-box; background-size: cover"></div>
		<div style="background-repeat: no-repeat; background-origin: padding-box; background-size: cover"></div>
		<div style="background-repeat: no-repeat; background-origin: border-box; background-size: cover"></div>
		<div style="background-repeat: no-repeat; background-origin: content-box; background-size: contain"></div>
		<div style="background-repeat: no-repeat; background-origin: padding-box; background-size: contain"></div>
		<div style="background-repeat: no-repeat; background-origin: border-box; background-size: contain"></div>
		<div style="background-repeat: no-repeat; background-origin: content-box; background-position: 15px 20px"></div>
		<div style="background-repeat: no-repeat; background-origin: padding-box; background-position: 15px 20px"></div>
		<div style="background-repeat: no-repeat; background-origin: border-box; background-position: 15px 20px"></div>
		<div style="background-repeat: repeat; background-origin: content-box"></div>
		<div style="background-repeat: repeat; background-origin: padding-box"></div>
		<div style="background-repeat: repeat; background-origin: border-box"></div>
	</body>
</html>
